<template>
  <router-view/>
</template>

<script setup>
import axios from 'axios';
import { provide } from 'vue';

//设置共通的基础URL
axios.defaults.baseURL = 'http://192.168.0.107:8080/nepm';
// 将axios对象作为 provide 的值，在子组件中通过 inject 获取,可以将axios函数对象,传递给子组件,可以让子组件直接使用,不必在import引入了
// provide函数,定义共享的数据
provide('axios',axios);
</script>

<style>
/********************** CSS 重置 *********************/

html,body,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,p{
    margin: 0;
    padding: 0;
}
html,body,#app{
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
}
/********************** 共通总容器 *********************/
.wrapper{
    width: 100%;
    height: 100%;
    background-color: #CFE8E9;
}

/********************** 共通 头部 *********************/
.header-box{
    width: 100%;
}
.header-box header{
    width: 100%;
    height: 15.7vw;
    background-color: #FFF;
    color: #555;

    position: fixed;
    left: 0;
    top: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
    padding: 0 3.6vw;
}
.header-box .top-ban{
    width: 100%;
    height: 15.7vw;
}
.header-box img{
    display: block;
    width: 100%;
}
.header-box i{
    font-size: 8vw;
}

/********************** 共通 表格表单 *********************/
.table-form{
    width: 86vw;
    margin: 0 auto;
    margin-top: 5vw;
    border-collapse: collapse;

    font-size: 4.2vw;
}
.table-form tr td{
    height: 12vw;
}
.table-form input,.table-form select,.table-form textarea{
    background-color: #CFE8E9;
    border: none;
    outline: none;
}
.table-form tr td:first-child{
    color: #777;
    font-weight: 700;
}

/********************** 共通 按钮 *********************/
.btn{
    width: 100%;
    height: 12vw;
    background-color: #70B0BC;
    margin-top: 5vw;
    border-radius: 2vw;
    color: #FFF;
    font-size: 5vw;
    text-align: center;
    line-height: 12vw;
    letter-spacing: 1vw;
    font-weight: 500;
    user-select: none;
}
</style>
